Calendar Update#475
Merged
JoeProgrammer88 merged 7 commits intomainfrom Mar 11, 2026
Merged
Conversation
Refactored the FullCalendar script and initialization code into a Razor @section Scripts block for proper script injection in ASP.NET Core views. This change improves code organization and maintainability without altering calendar functionality. Indentation and formatting were also improved for readability.
Refactor FullCalendar setup to auto-switch to list view on mobile and simplify header. Restrict custom event rendering to month grid view. Add "No events this month" message. Update layout for full-width calendar and move legend for better responsiveness. Minor formatting and CSS comment fixes.
Updated CSS to allow word wrapping for event titles in the month grid. Refactored FullCalendar eventContent to provide custom rendering for all views, using safeHtml for titles when available. Enhanced readability and consistency across month, list, and time grid views.
Enhance the appearance of custom events by setting explicit text color for .pc2-event and .county-event classes. Refine month grid event layout using flexbox, better spacing, and improved word wrapping for event titles to ensure clarity and prevent layout issues.
Simplify FullCalendar event rendering by removing custom CSS and the eventContent function. Switch to eventDidMount to allow HTML in event titles and ensure proper click handling. Remove "Week" and "Day" views from the calendar, leaving only "Month" and "List" views. This streamlines the code and improves event title display and modal behavior.
Improves event visibility by showing a tooltip with the full event title on hover in the month (dayGridMonth) view. This helps users see long or truncated event names more easily.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Closes #466
Summary
Calendar is updated to use month and list view. On mobile devices (small screen sizes), the list view is shown by default. On larger screens, the month view is shown by default. Month view has a tooltip on hover over to see the details of the events. The events remain clickable and pop up the event details model
Copilot Summary
This pull request updates the
PC2/Views/Events/Index.cshtmlfile to improve the usability and appearance of the event calendar, especially for mobile users and for displaying event titles with HTML formatting. The main changes include responsive design improvements, enhanced event rendering, and better accessibility for event information.Responsive and UI Improvements:
listMonth) on mobile devices and retains the grid view (dayGridMonth) for larger screens. The toolbar layout is also adjusted based on device size for better usability.pc2-eventandcounty-eventclasses.col-12), improving layout on all devices.Event Rendering and Accessibility:
eventContentrenderer is removed in favor of usingeventDidMountfor more flexible and reliable rendering. [1] [2]Minor Cleanups:
noEventsTextproperty is set to display a friendly message when there are no events in the current month.